import { useUserInfoStore } from '@/stores/userInfo'
import axios, { type Method } from 'axios'
import { ElMessage } from 'element-plus'
const instance = axios.create({
  baseURL: '/api',
  timeout: 3000
})
// 添加请求拦截器
instance.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
instance.interceptors.response.use(
  function (response) {
    console.log(response)
    // 1.响应的状态码不是200或20000而是另外2开头的状态码
    const res = response.data
    if (res.code !== 200 && res.code !== 20000) {
      // 响应失败
      if (res.code === 20001) {
        // token失效
        // 失效要清除用户信息，跳转到登录页面
        ElMessage({
          message: 'token失效请重新登录',
          type: 'error',
          duration: 3000
        })
        const userStore = useUserInfoStore()
        userStore.reset()
      } else {
        // 其他错误
        ElMessage({
          message: res.message || 'error',
          type: 'error',
          duration: 3000
        })
      }
      // 扔出一个错误
      return Promise.reject(res.message)
    } else {
      ElMessage({
        message: res.message || 'success',
        type: 'success',
        duration: 3000
      })
      return res
    }
  },
  function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error)
  }
)
export interface IReqLoginRes<T> {
  code: number
  data: T
  message: string
  success: boolean
}
// 封装登录请求函数
function http<T>(url: string, method: Method, submitData: unknown) {
  // 将请求方式转化为大写
  const newMethod = method.toUpperCase()
  return instance.request<T, IReqLoginRes<T>>({
    url,
    method: newMethod,
    data: newMethod === 'POST' || newMethod === 'PUT' ? submitData : {},
    params: newMethod === 'GET' || newMethod === 'DELETE' ? submitData : {}
  })
}
export { instance, http }
